<template>
  <div class="home-head">
    This is Head vue {{mess}}
  </div>

</template>

<script>
  export  default {
    name:'HomeFoot',
    data(){
      return{
        mess:"from foot script mess data"
      }
    }
  }

</script>

<style scoped>
  .home-head {
    height: 100px;
    background-color: lightgray;
    text-align: center;
  }
</style>
